<template>
  <div>
    <pageMain padding="0px" background="transparent">
      <chunkTitle title="微信支付">
        <template>
          <div class="form-box">
            <el-form ref="form" :model="form" :label-width="labelWidth" :label-position="labelPosition">
              <el-form-item label="支付开关">
                <el-switch
                  v-model="form.value"
                  active-color="#13ce66"
                  inactive-color="#ff4949"
                >
                </el-switch>
              </el-form-item>
              <el-form-item label="活动名称">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
              <el-form-item label="活动名称">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-form>
          </div>
        </template>
      </chunkTitle>

      <chunkTitle title="支付宝支付">
        <template>
          <div class="form-box">
            <el-form ref="form" :model="form" :label-width="labelWidth" :label-position="labelPosition">
              <el-form-item label="支付开关">
                <el-switch
                  v-model="form.value"
                  active-color="#13ce66"
                  inactive-color="#ff4949"
                >
                </el-switch>
              </el-form-item>
              <el-form-item label="Appid">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
              <el-form-item label="App secter">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-form>
          </div>
        </template>
      </chunkTitle>
    </pageMain>
  </div>
</template>

<script>
import '../css/system.css'
import chunkTitle from "@/components/chunk-title/chunk-title.vue";
import pageMain from "~/page-main/page-main.vue";
export default {
  components: { pageMain, chunkTitle },

  data() {
    return {
      labelWidth: "100px",
      labelPosition:"left",
      form: {},
    };
  },
};
</script>

<style scoped >

.form-box{
  width: 300px;
}

</style>
